<template>
  <div>
    <h1>用户注册</h1>
    <el-row :gutter="20">
      <el-col :span="5"><div class="grid-content ep-bg-purple"></div></el-col>
      <el-col :span="10">
        <el-form :model="user" label-width="120px">
          <el-form-item label="用户名">
            <el-input v-model="user.username" />
          </el-form-item>
          <el-form-item label="邮箱">
            <el-input v-model="user.email" />
          </el-form-item>
          <el-form-item label="性别">
            <el-radio-group v-model="user.sex">
              <el-radio label="男"></el-radio>
              <el-radio label="女"></el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="喜欢的运动" prop="type">
            <el-checkbox-group v-model="user.sport">
              <el-checkbox label="足球" name="type"></el-checkbox>
              <el-checkbox label="篮球" name="type"></el-checkbox>
              <el-checkbox label="乒乓球" name="type"></el-checkbox>
              <el-checkbox label="保龄球" name="type"></el-checkbox>
              <el-checkbox label="马拉松" name="type"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>

          <el-form-item label="专业" prop="region">
            <el-select v-model="user.region" placeholder="请选择专业">
              <el-option label="计算机科学与技术" value="计算机科学与技术"></el-option>
              <el-option label="经济学" value="经济学"></el-option>
              <el-option label="法学" value="法学"></el-option>
              <el-option label="教育学类" value="教育学类"></el-option>
              <el-option label="其它" value="其它"></el-option>
            </el-select>
          </el-form-item>

          <el-form-item>
            <el-button type="primary" @click="login">注册</el-button>
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="5"><div class="grid-content ep-bg-purple"></div></el-col>
    </el-row>
  </div>
</template>

<script>
/* eslint-disable */
// 单独引入ElMessageBox
import { MessageBox } from 'element-ui'
import axios from 'axios'

export default {
  name: 'register',
  data(){
    return  {
      user: {
        username: null,
        email: null,
        sex: null,
        sport: [],
      }
    }
  },
  methods: {
    login() {
      //使用axios进行数据提交

      MessageBox.alert(JSON.stringify(this.user), '注册成功!');

      // console.log("user.username : " + this.user.username);
      // console.log("user.password : " + this.user.password);

      axios.get("http://127.0.0.1:8010/test")
        .then(( {data} )=>{
          console.log("==data==");
          console.log(data);

          this.$router.push("/main");
          alert();
        })
        .catch((error)=>{
          console.log(error);
        })

      // axios.get("http://127.0.0.1:8001/provider/testone?username=" + this.user.username + "&password=" + this.user.password)
      // .then(( {data} )=>{
      //   console.log("==data==");
      //   console.log(data);
      // })
      // .catch((error)=>{
      //   console.log(error);
      // })

      // axios.get("http://127.0.0.1:8001/provider/testone?username=" + this.user.username + "&password=" + this.user.password).then(
      //     (res) => {
      //         console.log("==res==");
      //         //执行成功后代码处理
      //         console.log(res);
      //         console.log(res.status);
      //         console.log(res.data);
      //     }
      // )

      // axios({
      //     method: 'get',//请求方法
      //     url: "http://127.0.0.1:8001/provider/testone?username=" + this.user.username + "&password=" + this.user.password,
      // }).then(res => {
      //     //执行成功后代码处理
      //     console.log("==res==");
      //     //执行成功后代码处理
      //     console.log(res);
      //     console.log(res.status);
      //     console.log(res.data);
      // })

      // axios.get("http://127.0.0.1:8001/provider/test/123").then(
      //     (res) => {
      //         console.log("==res==");
      //         //执行成功后代码处理
      //         console.log(res);
      //         console.log(res.status);
      //         console.log(res.data);
      //     }
      // )

      // let data={
      //     "username": 'abcd',
      //     "password": 'ewqrwer'
      // }
      // axios.post('http://127.0.0.1:8001/provider/testpostone', data).then(
      //     (res) => {
      //         console.log(res);
      //     }
      // )

      // let data={
      //     "username": 'abcd',
      //     "password": 'ewqrwer'
      // }
      // axios.delete('http://127.0.0.1:8001/provider/testdelete/123', data).then(
      //     (res) => {
      //       console.log(res);
      //         //执行成功后代码处理
      //     }
      // )


      //this.$router.push("/main");
    }
  }
}
</script>

<style>
</style>

